<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="keywords" content="能量逗,卡牌教具,益智桌游,亲子,复旦教授,沈奕斐,游戏化教育,快乐教育">
    <meta name="description" content="能量逗益智家庭卡牌教具,是由复旦大学沈奕斐教授历时多年开发,能量逗主张用游戏化的教育方式,提升家庭教育品质,给予父母能量,让孩子能够快乐成长">
    <meta name="author" content="上海楚灵文化传播有限公司">
    <link rel="icon" href="http://api.nldou.com/html/img/qf-logo.png">

    <title>能量逗启发式提问教育法</title>

    <link href="http://api.nldou.com/html/css/bootstrap.3.3.7/bootstrap.min.css" rel="stylesheet">
    <link href="http://api.nldou.com/html/css/salesman.article.css" rel="stylesheet">
    <style>
        body{-webkit-touch-callout: none;font-family: -apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
            background-color: #f3f3f3;line-height: 1.5;}
        .flex-row{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
        .flex-column{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-direction: column;-ms-flex-direction: column;-webkit-flex-direction: column;}
        .flex-nowrap{-webkit-box-lines: single;-moz-box-lines: single;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;}
        .flex-wrap{-webkit-box-lines: multiple;-moz-box-lines: multiple;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
        .flex-justify-between{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
        .flex-justify-around{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-around;justify-content: space-around;}
        .flex-justify-start{-webkit-box-pack: start;-ms-flex-pack: start;-webkit-justify-content: flex-start;justify-content:flex-start;}
        .flex-justify-end{-webkit-box-pack: end;-ms-flex-pack: end;-webkit-justify-content: flex-end;justify-content:flex-end;}
        .flex-justify-center{-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: center;justify-content: center;}
        .flex-align-center{-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
        .flex-align-end{-webkit-box-align: end;-ms-flex-align: end;-webkit-align-items: flex-end;align-items: flex-end;}
        @media (min-width:1200px){.container{width:1000px;padding: 20px 40px;}}
        @media (min-width:992px){.container{width:980px;padding: 20px 40px;}}
        @media (min-width:768px){.container{width:740px;}}
        .bg-white{background:#fff;}
        .bg-green{background: #4cd964;}
        .size30{font-size: 1.88em;font-weight: 900;text-align: center;}
        .size25{font-size: 1.56em;font-weight: 900;text-align: left;}
        .size20{font-size: 1.25em;font-weight: 900;text-align: center;}
    </style>
</head>
<body>
<div class="container bg-white">
    <div class="size30" style="margin: 30px 0 0;">团队演示评分结果</div>
    <div class="size20" style="margin: 0;">投票人数&nbsp;<span class="size25"><?php echo $results['vote'];?>/<?php echo $results['totalvote'];?>&nbsp;</span></div>
    <div class="flex-row flex-align-end flex-justify-around" style="margin: 30px 0 20px;">
        <?php foreach ($results['data'] as $r):?>
        <div class="size25 flex-column flex-justify-around flex-align-center">
            <div><?php echo $r['score'];?></div>
            <div style="height: <?php echo $r['height'].'px';?>;width: 50px;" class="bg-green"></div>
            <div style="text-align: center;max-width: 80px;text-overflow: ellipsis;overflow: hidden;">
                <?php echo $r['group'];?>
            </div>
        </div>
        <?php endforeach;?>
    </div>
</div>
<script type="text/javascript" charset="utf-8" src="http://api.nldou.com/html/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://api.nldou.com/html/js/popper.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://api.nldou.com/html/js/bootstrap.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://api.nldou.com/html/js/holder.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://api.nldou.com/html/js/anime.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://api.nldou.com/html/js/ie10-viewport-bug-workaround.js"></script>

</body>